<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>我的生活</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="../css/person.css">
    <link rel="stylesheet" href="http://g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
    <link rel="stylesheet" href="http://g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">
    <script type="text/javascript">
	window.onload=function () {
		var men=document.getElementById("men");
		var women=document.getElementById("women");

			men.onclick=function () {
				men.style.color="black";
				men.style.borderBottom="2px solid rgba(87,191,254,1)";
				woman.style.color="rgba(217,217,217,1)"
				woman.style.borderBottom="none"
			}
			woman.onclick=function () {
				woman.style.color="black";
				woman.style.borderBottom="2px solid rgba(87,191,254,1)";
				men.style.color="rgba(217,217,217,1)"
				men.style.borderBottom="none"
			}
		}
	</script>
  </head>
  <body>
    <div class="page-group">
        <div class="page page-current">
            <header id="head">
	            <label id="registerword">登 录</label>
	        </header>
	        <form>
	        	<div>
	        	<label id="basicmessage">基本信息</label>
	        		<div style="background-color: #ffffff;">
	        			<div id="Myportrait">
				            <img src="../images/person.png" class="headIcon">
				            <span id="addportrait" >点击添加头像</span>
				           	<img src="../images/arrows.jpg" class="arrows" style="margin-top: 27px;">
			            </div>
			            <div class="person_file">
			            	<label style="margin-left:10px;">用户名</label>
			            	<input type="text" name="username" placeholder="请输入2-16个字符" id="person_username">
			            </div>
			            <div class="person_file">
			            	<label style="margin-left:10px;">性别</label>
			            	<div class="gender">
               	                <label id="men">先生</label>
                             	<label id="woman">女士</label>
                            </div>
			            </div>
			            <div class="person_file">
			            	<label style="margin-left:10px;">电话</label>
			            	<input type="text" name="phonename">
			            	<img src="../images/arrows.jpg" class="arrows" style="margin-top:12px;">
			            </div>
			            <div class="person_file">
			            	<label style="margin-left:10px;">版本</label>
			            	<label id="person_version">1.0.0</label>
			            </div>
	        		</div>
	        	</div>
	        </form>
	        <div>
	        	<button id="person_button">保 存</button>
	        </div>
        </div>
    </div>

    <script type='text/javascript' src='http://g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='http://g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='http://g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>

  </body>
</html>













